.slide{width: 600px;height: 400px;margin: 50px auto;position: relative;overflow: hidden;}

.slide-content{position: absolute;left: 0;top: 0;bottom: 0;z-index: 1;}
	.slide-content li{float: left;width: 600px;height: 400px;}
	.slide-content li img{display: block;width: 100%;height: 100%;}

.slide-btn{width: 50px;height: 50px;margin-top: -25px;position: absolute;top: 50%;z-index: 2;background: rgba(0, 0, 0, .5);cursor: pointer;}
	.slide-btn.slide-prev{left: 0;}
	.slide-btn.slide-next{right: 0;}

.slide-nav{text-align: center;position: absolute;left: 0;right: 0;bottom: 20px;z-index: 2;}
	.slide-nav li{display: inline-block;width: 10px;height: 10px;margin: 0 5px;background: #fff;border-radius: 50%;cursor: pointer;}
	.slide-nav li.active{background: brown;}